<a routerLink="/detail/{{hero.id}}">
  <span class="badge">{{hero.id}}</span> {{hero.name}}
</a>
<button class="delete"
  (click)="onDeleteClick($event)">x</button>
